نوع فایل : PowerPoint (.pptx) ( قابل ویرایش و آماده پرینت )
تعداد اسلاید: 35 اسلاید
قسمتی از متن PowerPoint (.pptx) :
کارگاه آموزشی توسعه وب
بخش دوم -
CSS
نسخه 1
تعاریف
CSS
چیست ؟
CSS
چیست؟
CSS
یا
Casacading Style Sheets
یک استاندارد قالب بندی ظاهری اسناد است.
معمول ترین استفاده
CSS
برای قالب بندی اسناد وب
(HTML)
منظور می شود.
با پیچیده شدن وب ها، تصمیم بر آن شد تا محتوا از قالب بندی تفکیک شود و توسعه وب تسهیل گردد.
CSS
سه نسخه اصلی دارد:
CSS 1
: در سال 1996 توسط
W3C
استاندارد شد.
CSS 2
: در سال 1998 توسط
W3C
استاندارد شد و هنوز به عنوان استاندارد بکار می رود.
CSS 3
: هنوز در دست توسعه توسط
W3C
است.
CSS
به دلیل امکان استفاده مجدد، به شدت توسعه وب را ساده و سریع می کند. همچنین قالب بندی صفحات با استفاده از آن در قالب تیمی مقدور خواهد بود.
CSS
از طریق
انتخابگرها
قالب بندی را سرعت می بخشد. همچنین از موتور انتخابگر
CSS
در کاربردهای دیگر بهره فراوان برده می شود.
اصطلاحات
Layout Engine
: برنامه ایست در کاوشگرها که سند
HTML
و فایل
CSS
را دریافت کرده، خروجی گرافیکی بر روی صفحه تولید می نماید.
Selector Engine
: موتوریست بر روی کاوشگر که زیرمجموعه ای از برچسب های
HTML
را انتخاب می کند.
CSS Syntax
CSS
گرامر بسیار ساده ای دارد، با چند مثال آنرا بررسی می کنیم:
Template:
Selection {
Property: value;
Property: value;
//Comment /*Comment */
}
Example:
div.main {
background-color:#777777;
border-width: 1px;
border-style: solid;
font-family: ‘Tahoma’;
}
CSS Syntax
(ادامه)
CSS
جزئیات گرامری مختلفی نیز دارد که در طی این ارائه با آنها بیشتر آشنا خواهیم شد.
در سه جای مختلف می توان از
CSS
استفاده کرد:
فایل های
CSS
: می توان
CSS
را در فایلی جداگانه نوشت و آنرا در
HTML
افزود.
برچسب های
Style
در داخل فایل
HTML
: می توان با افزودن برچسب
Style
در
Head
یا
Body
یک سند،
CSS
تعریف کرد.
صفت
Style
برای برچسب ها: می توان در یکی از صفتهای هر برچسب،
CSS
آنرا تعریف کرد. در این حالت دیگر انتخابگر مطرح نیست و قالب بندی تنها برای آن برچسب اعمال می شود.
سه نوع تعریف
CSS
می توانند همزمان باشند. اولویت آنها به ترتیب افزایش می یابد.
استفاده از حالت سوم (
Inline
CSS
) توصیه نمی شود و جدابودن محتوی از قالب را زیر سوال می برد، اما در جاهای خاصی استفاده از آن کار را راحتتر می کند.
مثال نحوه های استفاده
تعریف در فایل
CSS
جدا و استفاده از آن در
HTML
:
//SomeFile.css
input[text] {
width:200px;
background-color:#000000;
border:solid 0px;
}
مثال نحوه های استفاده (2)
تعریف
CSS
در بدنه سند
HTML
:
مثال نحوه های استفاده (3)
تعریف
CSS
در صفت یک برچسب: